﻿body{
	font-family: "Georgia", "Times New Roman", Serif;
	background: #FFF url("Images/back.png") repeat 0px 0px;
	text-transform: lowercase;
	margin: 0;}
	
*{
	margin:0;}

a, a:visited{
	color: #000; 
	text-decoration: none;}
	a:hover{
		text-decoration: underline;}

label{
	padding: 5px;
	font-size: 1.2em;}

fieldset{
	border: solid 1px #eee; 
	
	padding: 1em;}
	legend
	{
		font-size: 1em;
	}
textarea, input, select
{
	background-color: #D8FEFF;
	padding: 0.3em; 
	font-size: 1.5em; 
	border: solid 1px #FFF; 
	font-family: inherit; 
	cursor: hand; 
	margin-bottom: 5px;}
	
.field-validation-error, .error{
	color: #b61d65; 
	margin-left: 5px;}

a img, a:visited img{
	border: none;}
	
ul
{
	list-style: none;
}
li{
	position:relative;
	left: -1.9em;}

#genre, #roles
{
	display: block;
}
h2{
	font-weight: normal;
	font-size: 3.5em;
	width: 490px;
	float: left;}
	
h3{
	font-size: 2.1em;
	font-weight: normal;
	position: relative;
	}
	h3 span, h4 span
	{
		font-size: 0.6em;
		position: absolute;
		top: -0.8em;
	}
h4
{
	font-weight: normal;
	font-size: 1.5em;
	position: relative;
}
h5
{
	font-weight: normal;
	font-size: 1.3em;
}
p
{
	clear: both;
	position: relative;
	margin-top: 1em;
	line-height: 1.3em;
	font-size: 1.3em;}
	span#headerDescription
	{
		width: 290px;
		clear: none;
		float: right;
		position: relative;
		margin-top: -6em;
		margin-bottom: 1em;
	}

.emphasis{
	background: url("Images/emphasis_b.png") 0px 0px no-repeat;
	width: 24px;
	height: 17px;
	display: block;
	position: absolute;
	}
	p .emphasis{
		top: -0.8em;}
	h3 .emphasis{
		top: -0.4em;}

#wrapper{
	z-index: 1;
	width: 845px;
	margin: 0 auto;
	margin-top: 4em;}
	#masthead{
		font-size: 1.2em;
		height: 80px;
		text-transform: lowercase;
		line-height: 80px;
		vertical-align: bottom;}
		#logoGroup{
			line-height: 0;
			width: 257px;
			height: 80px;
			float: left;}
			h1{
				display: inline-block;
				width: 257px;
				height: 60px;
				background: url("images/logo.gif") transparent 0px 0px no-repeat;}
			h1 span{
				display: none;}
			#logoGroup blockquote{
				position: relative;
				top: 9px;
				left: 2px;
				font-size: 0.95em;
				height: 20px;
				width: 257px;}
		ul.availableMedia{
			margin-left: 2em;
			float: left;
			list-style: none;	
			display: block;
			height: 50px;
			padding: 0;
			width: 100px;}
			ul.availableMedia li{
				float: left;
				position: relative;}
				ul.availableMedia li span{
					display: none;}
				a.schoolHome{
					display: block;
					width: 32px;
					height: 30px;
					background: url("images/bcdslogo_trans.png") 0px 0px no-repeat;}
					a:hover.schoolHome {
						background-position: 0px -30px;}
				a.plusItunes{
					display: block;
					width: 32px;
					height: 30px;
					background: url("images/itunes_trans.png") 0px 0px no-repeat;}
					a:hover.plusItunes{
						background-position: 0px -30px;}
				a.plusZune{
					display: block;
					width: 32px;
					height: 30px;
					background: url("images/zune_trans.png") 0px 0px no-repeat;}
					a:hover.plusZune{
						background-position: 0px -30px;}
		#logindisplay{
			float: left; 
			width: 150px; 
			height: 80px;
			margin-left: 2em;
			line-height: 1em;
			position: relative;
			top: 1.8em; 
			font-size: 0.8em;	
			text-align: center;}
			#logindisplay strong{
				font-style: normal;
				color: #DDD;}
			#logindisplay a{
				font-style: normal;} 
			ul#nav{
				float: right;
				list-style: none;
				font-family: "Arial", "Verdana", Sans-Serif;
				font-size: 0.9em;
				display: block;
				height: 80px;
				width: 330px;}
				ul#nav li{
					position: relative;
					top: 0.6em;
					height: 20px;
					float: left; }
				ul#nav li a{
					display: block;}
				ul#nav li a:hover{
					text-decoration: none; 
					display: block;}
					#nav .bar{
						width: 16px;
						height: 9px;
						background: url("Images/navbar.png") 0px 0px no-repeat;
						display: block;
						position: absolute;
						top: 1.4em;}
	.breadcrumb{
		color: #588FAB;
		text-transform: lowercase; 
		font-size: 0.7em;
		padding: 5px; 
		font-family: Tahoma, Arial, verdana; 
		/*border: solid #040B15 1px;*/}
		.breadcrumb a, .breadcrumb a:visited{
			color: #9bccec;}
			.breadcrumb a:hover{
				color: #9bccef;}
	
	#main{
		min-height: 300px;
		width: 845px;
		margin: 0 auto;
		margin-top: 4em;
		clear: both;}
		ul#tasks{
			position: relative;
			top: 1em;
			border: dotted 1px #eee;
			height: 30px;}
			ul#tasks li{
				float: left;
				margin-left: 1em;
				margin-top: 5px;}
		.section{
			clear: both;
			min-height: 120px;
			margin-top: 2em;}
			.section ul{
				margin-top: 1.2em;
				font-size: 1.3em;}
			.section li{
				margin-top: 0.3em;}
				.section li ul{
					font-size: 1em;
					left: 0!important;}
		.splitLeft{
			text-transform: lowercase;
			width: 500px;
			float: left;}
		.splitRight{
			text-transform: lowercase;
			width: 330px;
			float: right;}
		.threeSplitLeft{
			float: left;
			width: 345px;}
			.threeSplitLeft img
			{
				max-width: 345px;
			}
		.threeSplitMiddle{
			float: left;
			margin-left: 10px;
			width: 240px;}
		.threeSplitRight{
			float: left;
			margin-left: 10px;
			width: 235px;}
		ul.tools{
			font-size: 0.8em !important;}
				
		.focusedBox{
			float: left;
			/*background-color: #091C37;*/
			background-color: #3B6376;
			margin-bottom: 2em;
			margin-right: 2em;
			width: 160px;}
			ul.sectionNav{
				font-size: 0.9em;
				margin: 0;
				text-transform: lowercase;
				padding: 0 0 0 1em;
				list-style: none;}
				.focusedBox a, .focusedBox a:visited{
					color: #9bccec;
					display: block;
					background: none; 
					padding: 10px;}
					.focusedBox a:hover{
						text-decoration: none; 
						/*background-color: #0F2E5A; */
						background-color: #28495f;
						display: block;}
						
		.secondaryFocusedBox{
			border: solid #051832 1px;
			width: 160px;
			margin-right: 2em;
			margin-top: 1em;
			float: left;}
			.secondaryFocusedBox h3{
				color:#93C7E0;
				margin-bottom: 0;
				font-style: normal;
				font-family: Tahoma, Verdana, Arial;}
			.secondaryFocusedBox p{
				padding: 0 1em 0 1em; 
				font-size: 0.9em;}
			.secondaryFocusedBox ul{
				list-style:none; 
				margin: 0; 
				padding:0; 
				padding: 0 5px 0 5px; 
				font-size: 0.9em;}
				.secondaryFocusedBox ul span{
					margin-left: 10px;}
				.secondaryFocusedBox li{
					margin-bottom: 10px;}
				.secondaryFocusedBox ul a, .secondaryFocusedBox ul a:visited{
					color: #9bccec;
					display: block;
					background: none; 
					padding: 10px;}
					.secondaryFocusedBox ul a:hover{
						text-decoration: none; 
						background-color: #0F2E5A; 
						display: block;}
		.description{
			float: left;
			width: 570px;
			/*background-color: #0F2E5A;*/
			background-color: #28495f;
			padding: 15px;}
			.description h3{
				margin: 0;
				font-size:1.5em;}
			.description p{
				margin-top: 20px;}
		.secondaryContent{
			padding: 10px;
			float: left;
			width: 500px;
			margin-top: 1em;}
			.secondaryContent h3{
				margin:0;}
			.secondaryContent h4{
				font-weight: normal; 
				font-size: 0.9em;}
			.secondaryContent ul{
				list-style: none; 
				padding: 0;}
				.secondaryContent li{
					float: left; 
					margin-left: 0.5em; 
					padding: 5px;}
				.secondaryContent li a, .secondaryContent li a:visited{
					background: none; 
					padding: 10px;}
					.secondaryContent li a:hover{
						background-color: #0F2E5A; 
						text-decoration: none;}
			
			.memberDesc{
				display: none;}
			

#homeheading{
	display: none;}

#prefooter{
	margin-top: 1em;
	clear: both;
	
	width: 100%;
	height: 100px;}

#footer{
	clear: both;
	width: 100%;}
	#footer-bars
	{
		width: 50px;
		height: 30px;
		display: inline-block;
		background: url("images/footbar_b.png") 0px 0px no-repeat;
	}
		#footer #schoolName{
			float: right;
			font-size: 0.9em;
			font-weight: normal;}
			#studioVersion{
				float: right;
				position: relative;
				right: 8.5em;
				}
		#footer a{
			float: right;}
		#copyright{
			font-size: 1em;}

#actionPanel-broadcast ul.mediaSelect{
	background-color: #FFF;}			
#actionPanel-shows ul.thumbMediaSelect{
	background-color: #FFDCDC;}
#actionPanel-music ul.thumbMediaSelect{
	background-color: #F9FFDC;}
#actionPanel-ads ul.thumbMediaSelect{
	background-color: #DCFFE1;}
	
#members{
	float: left;
	width: 375px;}
	#members li{
		width: 150px;}
#memberTasks{
	float: right;
	width: 250px;}
#shows{
	float: left;}
	
a.moreInfoButton, a:visited.moreInfoButton{
	background: url("images/moreinfo.png") 0px 0px no-repeat; 
	width: 150px; 
	height: 48px; 
	display: block;}
	a:hover.moreInfoButton{
		background-position: 0 -48px; 
		text-decoration: none;}
	a.moreInfoButton span{
		visibility: hidden;}
	
#seasonal
{
	display: none;
	height: 50px !important;
	width: 100% !important;
	background: url("images/snow.png") 0px 0px repeat-x;
	position: fixed;
	z-index: 98;
	left: 0;
	top: -10px;}
	
.joinBtn
{
	display:block;
	width: 290px;
	height: 120px;
	background: url("images/JoinButton.gif") 0px 0px no-repeat;
}
	.joinBtn span{
		display: none;}
ul.tags li
{
	float: left; 
	margin-right: 1em; 
}
	.taglevel-1
	{
		font-size: 1em !important;
		left: -2em !important;
	}
	.taglevel-2
	{
		font-size: 0.8em !important;
		left: -2.5em !important;
	}
	.taglevel-3
	{
		font-size: 0.6em !important;
	}
ul.stats li, ul.tags li
{
	font-size: 0.7em;
	left: -2.7em;
}
ul.stats strong
{
	font-weight: normal;
	font-size: 1.5em;
}

.important
{
	color: #FF0000;
}

.modify{
	display: block; 
	width: 100px;
	color: #666;}
.modify-tools{
	display: none;}
	
a.tool{
		display: block;
		width: 100px;
		height: 25px;}
a.tool span{
	display: none;}
	.approve{
		background: url("Images/approve.gif") 0px 0px no-repeat;}
	.reject{
		background: url("Images/reject.gif") 0px 0px no-repeat;}
	.update{
		background: url("Images/update.gif") 0px 0px no-repeat;}
	.delete{
		background: url("Images/delete.gif") 0px 0px no-repeat;}
		
